
<!DOCTYPE HTML>
<html lang="zh-hans" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>图片格式详解及其对比 · 日常学习笔记</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="">
        <meta name="generator" content="GitBook 3.2.3">
        
        
        
    
    <link rel="stylesheet" href="../gitbook/style.css">

    
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-expandable-chapters/expandable-chapters.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-pageview-count/plugin.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-code/plugin.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-back-to-top-button/plugin.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-splitter/splitter.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-search-pro/search.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-anchors/plugin.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-page-footer-ex/style/plugin.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-advanced-emoji/emoji-website.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-highlight/website.css">
                
            
                
                <link rel="stylesheet" href="../gitbook/gitbook-plugin-fontsettings/website.css">
                
            
        

    

    
        
    
        
    
        
    
        
    
        
    
        
    

        
    
    
    
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
    <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">

    
    <link rel="next" href="计算机小知识.html" />
    
    
    <link rel="prev" href="华为国产手机芯片SoC.html" />
    

    <style>
    @media only screen and (max-width: 640px) {
        .book-header .hidden-mobile {
            display: none;
        }
    }
    </style>
    <script>
        window["gitbook-plugin-github-buttons"] = {"buttons":[{"user":"Xiechengqi","repo":"LearningNotes","type":"star","size":"small","count":true}]};
    </script>

    </head>
    <body>
        
<div class="book">
    <div class="book-summary">
        
            
<div id="book-search-input" role="search">
    <input type="text" placeholder="输入并搜索" />
</div>

            
                <nav role="navigation">
                


<ul class="summary">
    
    

    

    
        
        
    
        <li class="chapter " data-level="1.1" data-path="../">
            
                <a href="../">
            
                    
                    Introduction
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2" data-path="../网络学习资源整理/">
            
                <a href="../网络学习资源整理/">
            
                    
                    网络学习资源整理
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.2.1" data-path="../网络学习资源整理/技术学习.html">
            
                <a href="../网络学习资源整理/技术学习.html">
            
                    
                    技术学习
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2.2" data-path="../网络学习资源整理/运维博客.html">
            
                <a href="../网络学习资源整理/运维博客.html">
            
                    
                    运维博客
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2.3" data-path="../网络学习资源整理/工具.html">
            
                <a href="../网络学习资源整理/工具.html">
            
                    
                    工具
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2.4" data-path="../网络学习资源整理/静态博客模板.html">
            
                <a href="../网络学习资源整理/静态博客模板.html">
            
                    
                    静态博客模板
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2.5" data-path="../网络学习资源整理/静态网站pages服务.html">
            
                <a href="../网络学习资源整理/静态网站pages服务.html">
            
                    
                    静态网站pages服务
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2.6" data-path="../网络学习资源整理/静态pages的CI和CD.html">
            
                <a href="../网络学习资源整理/静态pages的CI和CD.html">
            
                    
                    静态pages的CI和CD
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2.7" data-path="../网络学习资源整理/Hugo学习.html">
            
                <a href="../网络学习资源整理/Hugo学习.html">
            
                    
                    Hugo学习
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.3" data-path="../心灵鸡汤/">
            
                <a href="../心灵鸡汤/">
            
                    
                    心灵鸡汤
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.3.1" data-path="../心灵鸡汤/心灵鸡汤.html">
            
                <a href="../心灵鸡汤/心灵鸡汤.html">
            
                    
                    语录
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.4" data-path="../Linux/">
            
                <a href="../Linux/">
            
                    
                    Linux
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.4.1" data-path="../Linux/Linux常用命令.html">
            
                <a href="../Linux/Linux常用命令.html">
            
                    
                    Linux常用命令
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.2" data-path="../Linux/Linux小知识.html">
            
                <a href="../Linux/Linux小知识.html">
            
                    
                    平时 linux 遇到的问题解决办法和扩展小知识
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.3" data-path="../Linux/Linux性能相关常用命令.html">
            
                <a href="../Linux/Linux性能相关常用命令.html">
            
                    
                    Linux性能相关常用命令
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.4" data-path="../Linux/Linux各种安装下载慢解决方法.html">
            
                <a href="../Linux/Linux各种安装下载慢解决方法.html">
            
                    
                    Linux各种安装下载慢解决方法
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.5" data-path="../Linux/APT-剖析详解.html">
            
                <a href="../Linux/APT-剖析详解.html">
            
                    
                    APT 原理剖析、详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.6" data-path="../Linux/Linux主机、虚拟机和docker网络配置.html">
            
                <a href="../Linux/Linux主机、虚拟机和docker网络配置.html">
            
                    
                    Linux 主机、虚拟机和docker网络配置
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.7" data-path="../Linux/Linux文件系统学习.html">
            
                <a href="../Linux/Linux文件系统学习.html">
            
                    
                    Linux文件系统学习
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.8" data-path="../Linux/Linux用户和用户组管理.html">
            
                <a href="../Linux/Linux用户和用户组管理.html">
            
                    
                    Linux用户和用户组管理
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.9" data-path="../Linux/Linux用户增删改等学习.html">
            
                <a href="../Linux/Linux用户增删改等学习.html">
            
                    
                    Linux用户增删改等学习.md
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.10" data-path="../Linux/Linux程序存放目录.html">
            
                <a href="../Linux/Linux程序存放目录.html">
            
                    
                    Linux程序存放目录.md
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.11" data-path="../Linux/Linux编译安装软件包详解.html">
            
                <a href="../Linux/Linux编译安装软件包详解.html">
            
                    
                    Linux C/C++ 软件包编译、安装原理详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.12" data-path="../Linux/SSH详解.html">
            
                <a href="../Linux/SSH详解.html">
            
                    
                    SSH 详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.13" data-path="../Linux/Tomcat和Ngnix和Apache.html">
            
                <a href="../Linux/Tomcat和Ngnix和Apache.html">
            
                    
                    Tomcat和Ngnix和Apache.md
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.14" data-path="../Linux/UbuntuSoftwareInstall.html">
            
                <a href="../Linux/UbuntuSoftwareInstall.html">
            
                    
                    Ubuntu 软件包安装
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.15" data-path="../Linux/YAML-配置文件语言.html">
            
                <a href="../Linux/YAML-配置文件语言.html">
            
                    
                    YAML 配置文件语言
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.16" data-path="../Linux/bin目录详解.html">
            
                <a href="../Linux/bin目录详解.html">
            
                    
                    bin目录详解.md
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.17" data-path="../Linux/ffmpeg详解.html">
            
                <a href="../Linux/ffmpeg详解.html">
            
                    
                    ffmpeg学习
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.18" data-path="../Linux/trans命令.html">
            
                <a href="../Linux/trans命令.html">
            
                    
                    trans命令
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.19" data-path="../Linux/yum和rpm.html">
            
                <a href="../Linux/yum和rpm.html">
            
                    
                    Yum 和 RPM
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.20" data-path="../Linux/从BashShell启动“窥探”Linux环境变量相关文件.html">
            
                <a href="../Linux/从BashShell启动“窥探”Linux环境变量相关文件.html">
            
                    
                    Linux环境变量详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.21" data-path="../Linux/新创建主机常用初始化配置.html">
            
                <a href="../Linux/新创建主机常用初始化配置.html">
            
                    
                    新建主机常用初始化配置
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.22" data-path="../Linux/正则表达式学习.html">
            
                <a href="../Linux/正则表达式学习.html">
            
                    
                    正则表达式
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.23" data-path="../Linux/通过Linux开机启动项展开学习.html">
            
                <a href="../Linux/通过Linux开机启动项展开学习.html">
            
                    
                    Linux开机启动项学习
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4.24" data-path="../Linux/防火墙学习.html">
            
                <a href="../Linux/防火墙学习.html">
            
                    
                    防火墙学习笔记
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.5" data-path="../Python/">
            
                <a href="../Python/">
            
                    
                    Python
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.5.1" data-path="../Python/BeautifulSoup.md">
            
                <span>
            
                    
                    Python3 BeautifulSoup 学习记录
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.2" data-path="../Python/Django.html">
            
                <a href="../Python/Django.html">
            
                    
                    Python Django 学习笔记
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.3" data-path="../Python/IPython使用技巧.html">
            
                <a href="../Python/IPython使用技巧.html">
            
                    
                    IPython 使用技巧
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.4" data-path="../Python/Numpy.html">
            
                <a href="../Python/Numpy.html">
            
                    
                    Python Numpy 学习
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.5" data-path="../Python/Python小知识.html">
            
                <a href="../Python/Python小知识.html">
            
                    
                    Python 学习遇到的问题解决或扩展小知识
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.6" data-path="../Python/Python模块管理总结.html">
            
                <a href="../Python/Python模块管理总结.html">
            
                    
                    Python 模块管理总结
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.7" data-path="../Python/flask学习.md">
            
                <span>
            
                    
                    Flask 学习
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.8" data-path="../Python/matplotlib.html">
            
                <a href="../Python/matplotlib.html">
            
                    
                    matplotlib.md
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.9" data-path="../Python/re正则表达式.html">
            
                <a href="../Python/re正则表达式.html">
            
                    
                    re正则表达式.md
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.10" data-path="../Python/图形界面学习.html">
            
                <a href="../Python/图形界面学习.html">
            
                    
                    图形界面学习.md
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.11" data-path="../Python/常用图像库学习.html">
            
                <a href="../Python/常用图像库学习.html">
            
                    
                    Python3 常用图像库
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.5.12" data-path="../Python/进阶学习.html">
            
                <a href="../Python/进阶学习.html">
            
                    
                    Python3 进阶学习笔记
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.6" data-path="../Shell/">
            
                <a href="../Shell/">
            
                    
                    Shell
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.6.1" data-path="../Shell/shell小知识.html">
            
                <a href="../Shell/shell小知识.html">
            
                    
                    Shell小知识
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.2" data-path="../Shell/Shell奇淫技巧.html">
            
                <a href="../Shell/Shell奇淫技巧.html">
            
                    
                    Shell奇淫技巧
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.3" data-path="../Shell/Linux文本操作三大利器-grep、sed、awk.html">
            
                <a href="../Shell/Linux文本操作三大利器-grep、sed、awk.html">
            
                    
                    grep、sed、awk 详解
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.4" data-path="../Shell/Shell文本处理常用工具补遗.html">
            
                <a href="../Shell/Shell文本处理常用工具补遗.html">
            
                    
                    Shell文本处理常用工具补遗
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.5" data-path="../Shell/句子解析.html">
            
                <a href="../Shell/句子解析.html">
            
                    
                    句子解析
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.6" data-path="../Shell/识别是否是root用户.html">
            
                <a href="../Shell/识别是否是root用户.html">
            
                    
                    识别是否是root用户
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6.7" data-path="../Shell/识别系统.html">
            
                <a href="../Shell/识别系统.html">
            
                    
                    识别系统
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.7" data-path="../Vim/">
            
                <a href="../Vim/">
            
                    
                    Vim
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.7.1" data-path="../Vim/Vim小知识.html">
            
                <a href="../Vim/Vim小知识.html">
            
                    
                    Vim小知识
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.2" data-path="../Vim/Vim编辑器再学习.html">
            
                <a href="../Vim/Vim编辑器再学习.html">
            
                    
                    Vim编辑器再学习
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.3" data-path="../Vim/VimScript学习笔记.html">
            
                <a href="../Vim/VimScript学习笔记.html">
            
                    
                    VimScript 学习笔记
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.4" data-path="../Vim/YouCompleteMe安装.html">
            
                <a href="../Vim/YouCompleteMe安装.html">
            
                    
                    YouCompleteMe安装
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.5" data-path="../Vim/vimrc示例1.html">
            
                <a href="../Vim/vimrc示例1.html">
            
                    
                    vimrc示例
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.6" data-path="../Vim/vimrc备份.html">
            
                <a href="../Vim/vimrc备份.html">
            
                    
                    vimrc备份
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7.7" data-path="../Vim/Tmux快捷键.html">
            
                <a href="../Vim/Tmux快捷键.html">
            
                    
                    Tmux快捷键
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.8" data-path="../Ansible/">
            
                <a href="../Ansible/">
            
                    
                    Ansible
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.8.1" data-path="../Ansible/术语表.html">
            
                <a href="../Ansible/术语表.html">
            
                    
                    术语表
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.8.2" data-path="../Ansible/Ansible必知单词.html">
            
                <a href="../Ansible/Ansible必知单词.html">
            
                    
                    Ansible 常用单词
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.8.3" data-path="../Ansible/Ansible学习.html">
            
                <a href="../Ansible/Ansible学习.html">
            
                    
                    Ansible 学习笔记
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.8.4" data-path="../Ansible/Ansible常用模板.html">
            
                <a href="../Ansible/Ansible常用模板.html">
            
                    
                    Ansible常用模板.md
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.9" data-path="../Docker/">
            
                <a href="../Docker/">
            
                    
                    Docker
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.9.1" data-path="../Docker/Docker基础学习.html">
            
                <a href="../Docker/Docker基础学习.html">
            
                    
                    Docker 基础学习笔记
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.9.2" data-path="../Docker/Docker小知识.html">
            
                <a href="../Docker/Docker小知识.html">
            
                    
                    Docker 小知识
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.9.3" data-path="../Docker/Docker必知单词.html">
            
                <a href="../Docker/Docker必知单词.html">
            
                    
                    Docker 学习中的单词
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.10" data-path="../Git/">
            
                <a href="../Git/">
            
                    
                    Git
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.10.1" data-path="../Git/git学习.html">
            
                <a href="../Git/git学习.html">
            
                    
                    Git 学习笔记
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.10.2" data-path="../Git/git小技巧.html">
            
                <a href="../Git/git小技巧.html">
            
                    
                    Git 小技巧
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.11" data-path="../Zabbix/">
            
                <a href="../Zabbix/">
            
                    
                    Zabbix
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.11.1" data-path="../Zabbix/Docker安装配置Zabbix.html">
            
                <a href="../Zabbix/Docker安装配置Zabbix.html">
            
                    
                    Docker 安装配置 Zabbix
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.2" data-path="../Zabbix/术语单词.html">
            
                <a href="../Zabbix/术语单词.html">
            
                    
                    Zabbix 中常用单词
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.11.3" data-path="../Zabbix/重置密码.html">
            
                <a href="../Zabbix/重置密码.html">
            
                    
                    重置 Zabbix 账户密码
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.12" data-path="../KVM/">
            
                <a href="../KVM/">
            
                    
                    KVM
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.12.1" data-path="../KVM/安装配置.html">
            
                <a href="../KVM/安装配置.html">
            
                    
                    常用命令
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.12.2" data-path="../KVM/虚拟机网络配置.html">
            
                <a href="../KVM/虚拟机网络配置.html">
            
                    
                    Bridged 桥接模式
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.13" data-path="../Mysql/">
            
                <a href="../Mysql/">
            
                    
                    Mysql
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.13.1" data-path="../Mysql/Ubuntu安装Navicat.html">
            
                <a href="../Mysql/Ubuntu安装Navicat.html">
            
                    
                    Ubuntu 安装及配置 Navicat
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.13.2" data-path="../Mysql/忘记root密码.html">
            
                <a href="../Mysql/忘记root密码.html">
            
                    
                    如何替换已忘记的 root 密码
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.14" data-path="../Nginx/">
            
                <a href="../Nginx/">
            
                    
                    Nginx
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.14.1" data-path="../Nginx/Nginx学习笔记.html">
            
                <a href="../Nginx/Nginx学习笔记.html">
            
                    
                    Nginx 学习
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.15" data-path="./">
            
                <a href="./">
            
                    
                    闲知
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.15.1" data-path="容易读错的IT术语.html">
            
                <a href="容易读错的IT术语.html">
            
                    
                    容易读错的IT术语
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.15.2" data-path="Linux-electron-tutorial.html">
            
                <a href="Linux-electron-tutorial.html">
            
                    
                    Linux electron 学习记录
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.15.3" data-path="MarkdownSkills.html">
            
                <a href="MarkdownSkills.html">
            
                    
                    记录 Markdown 的各种小技巧
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.15.4" data-path="RaspeberryPi.html">
            
                <a href="RaspeberryPi.html">
            
                    
                    使用树莓派 3B 遇到的问题
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.15.5" data-path="华为国产手机芯片SoC.html">
            
                <a href="华为国产手机芯片SoC.html">
            
                    
                    华为国产手机芯片SoC
            
                </a>
            

            
        </li>
    
        <li class="chapter active" data-level="1.15.6" data-path="图片格式详解及其对比.html">
            
                <a href="图片格式详解及其对比.html">
            
                    
                    图片格式详解及其对比
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.15.7" data-path="计算机小知识.html">
            
                <a href="计算机小知识.html">
            
                    
                    记录一些计算机的小知识
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.15.8" data-path="诗词.html">
            
                <a href="诗词.html">
            
                    
                    诗词
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.16" data-path="../OS/">
            
                <a href="../OS/">
            
                    
                    OS
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.16.1" data-path="../OS/学习笔记.html">
            
                <a href="../OS/学习笔记.html">
            
                    
                    操作系统学习笔记
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.16.2" data-path="../OS/术语单词.html">
            
                <a href="../OS/术语单词.html">
            
                    
                    OS 专业词语解析
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.16.3" data-path="../OS/SoCCPU.html">
            
                <a href="../OS/SoCCPU.html">
            
                    
                    SoC 与 CPU
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.17" data-path="../Tomcat/">
            
                <a href="../Tomcat/">
            
                    
                    Tomcat
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.17.1" data-path="../Tomcat/Tomcat 学习.html">
            
                <a href="../Tomcat/Tomcat 学习.html">
            
                    
                    Tomcat 学习
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.17.2" data-path="../Tomcat/Tomcat学习.html">
            
                <a href="../Tomcat/Tomcat学习.html">
            
                    
                    Tomcat 学习
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.18" data-path="../VPS/">
            
                <a href="../VPS/">
            
                    
                    VPS
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.18.1" data-path="../VPS/AWS_lightsail.html">
            
                <a href="../VPS/AWS_lightsail.html">
            
                    
                    AWS LightSail
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.18.2" data-path="../VPS/GCP_VM实例创建和基本配置.html">
            
                <a href="../VPS/GCP_VM实例创建和基本配置.html">
            
                    
                    GCP VM
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.18.3" data-path="../VPS/ECS和VPS等等.html">
            
                <a href="../VPS/ECS和VPS等等.html">
            
                    
                    ECS和VPS
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.19" data-path="../ComputerComposition/">
            
                <a href="../ComputerComposition/">
            
                    
                    ComputerComposition
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.19.1" data-path="../ComputerComposition/学习笔记.html">
            
                <a href="../ComputerComposition/学习笔记.html">
            
                    
                    计算机组成原理学习笔记
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.20" data-path="../ComputerNetwork/">
            
                <a href="../ComputerNetwork/">
            
                    
                    ComputerNetwork
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.20.1" data-path="../ComputerNetwork/ProWords.html">
            
                <a href="../ComputerNetwork/ProWords.html">
            
                    
                    术语单词
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.20.2" data-path="../ComputerNetwork/学习笔记.html">
            
                <a href="../ComputerNetwork/学习笔记.html">
            
                    
                    计算机网络学习笔记
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.20.3" data-path="../ComputerNetwork/小知识.html">
            
                <a href="../ComputerNetwork/小知识.html">
            
                    
                    学习计算机网络中的小知识
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.20.4" data-path="浏览器架构简析.md">
            
                <span>
            
                    
                    浏览器架构简析
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    
        <li class="chapter " data-level="1.21" data-path="../毕业论文/">
            
                <a href="../毕业论文/">
            
                    
                    毕业论文
            
                </a>
            

            
            <ul class="articles">
                
    
        <li class="chapter " data-level="1.21.1" data-path="../毕业论文/开题报告.html">
            
                <a href="../毕业论文/开题报告.html">
            
                    
                    开题报告
            
                </a>
            

            
        </li>
    

            </ul>
            
        </li>
    

    

    <li class="divider"></li>

    <li>
        <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
            本书使用 GitBook 发布
        </a>
    </li>
</ul>


                </nav>
            
        
    </div>

    <div class="book-body">
        
            <div class="body-inner">
                
                    

<div class="book-header" role="navigation">
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href=".." >图片格式详解及其对比</a>
    </h1>
</div>




                    <div class="page-wrapper" tabindex="-1" role="main">
                        <div class="page-inner">
                            
<div id="book-search-results">
    <div class="search-noresults">
    
                                <section class="normal markdown-section">
                                
                                <h1 id="&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x8BE6;&#x89E3;&#x53CA;&#x5176;&#x5BF9;&#x6BD4;"><a name="&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x8BE6;&#x89E3;&#x53CA;&#x5176;&#x5BF9;&#x6BD4;" class="plugin-anchor" href="#&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x8BE6;&#x89E3;&#x53CA;&#x5176;&#x5BF9;&#x6BD4;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x8BE6;&#x89E3;&#x53CA;&#x5176;&#x5BF9;&#x6BD4;</h1>
<h2 id="&#x56FE;&#x50CF;&#x7684;&#x57FA;&#x672C;&#x6570;&#x636E;&#x7ED3;&#x6784;"><a name="&#x56FE;&#x50CF;&#x7684;&#x57FA;&#x672C;&#x6570;&#x636E;&#x7ED3;&#x6784;" class="plugin-anchor" href="#&#x56FE;&#x50CF;&#x7684;&#x57FA;&#x672C;&#x6570;&#x636E;&#x7ED3;&#x6784;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x56FE;&#x50CF;&#x7684;&#x57FA;&#x672C;&#x6570;&#x636E;&#x7ED3;&#x6784;</h2>
<p>&#x8981;&#x8BB2;&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x8FD8;&#x5148;&#x5F97;&#x4ECE;&#x56FE;&#x50CF;&#x7684;&#x57FA;&#x672C;&#x6570;&#x636E;&#x7ED3;&#x6784;&#x8BF4;&#x8D77;&#xFF0C;&#x5728;&#x8BA1;&#x7B97;&#x673A;&#x4E2D;, &#x56FE;&#x50CF;&#x662F;&#x7531;&#x4E00;&#x4E2A;&#x4E2A;&#x50CF;&#x7D20;&#x70B9;&#x7EC4;&#x6210;&#xFF0C;&#x50CF;&#x7D20;&#x70B9;&#x5C31;&#x662F;&#x989C;&#x8272;&#x70B9;&#xFF0C;&#x800C;&#x989C;&#x8272;&#x6700;&#x7B80;&#x5355;&#x7684;&#x65B9;&#x5F0F;&#x5C31;&#x662F;&#x7528;RGB&#x6216;RGBA&#x8868;&#x793A;&#xFF0C;&#x5982;&#x56FE;&#x6240;&#x793A;</p>
<div align="center">
  <img src="images/rgb.jpg">
</div>

<ul>
<li>&#x5E38;&#x89C1;&#x7684;&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x6709; bmp&#x3001;jpg(jpeg)&#x3001;png&#x3001;gif&#x3001;webp &#x7B49;</li>
<li>&#x5982;&#x679C;&#x6709; A &#x901A;&#x9053;&#x5C31;&#x8868;&#x660E;&#x8FD9;&#x4E2A;&#x56FE;&#x50CF;&#x53EF;&#x4EE5;&#x6709;&#x900F;&#x660E;&#x6548;&#x679C;</li>
<li>R&#x3001;G&#x3001;B &#x6BCF;&#x4E2A;&#x5206;&#x91CF;&#x4E00;&#x822C;&#x662F;&#x7528;&#x4E00;&#x4E2A;&#x5B57;&#x8282;( 8 &#x4F4D; )&#x6765;&#x8868;&#x793A;&#xFF0C;&#x6240;&#x4EE5;&#x56FE; ( 1 ) &#x4E2D;&#x6BCF;&#x4E2A;&#x50CF;&#x7D20;&#x5927;&#x5C0F;&#x5C31;&#x662F; 3 &#xD7; 8 = 24 &#x4F4D;&#x56FE;, &#x800C;&#x56FE;( 2 )&#x4E2D;&#x6BCF;&#x4E2A;&#x50CF;&#x7D20;&#x5927;&#x5C0F;&#x662F; 4 &#xD7; 8 = 32 &#x4F4D;</li>
</ul>
<h2 id="&#x4E09;&#x70B9;&#x8865;&#x5145;&#x4ECB;&#x7ECD;"><a name="&#x4E09;&#x70B9;&#x8865;&#x5145;&#x4ECB;&#x7ECD;" class="plugin-anchor" href="#&#x4E09;&#x70B9;&#x8865;&#x5145;&#x4ECB;&#x7ECD;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x4E09;&#x70B9;&#x8865;&#x5145;&#x4ECB;&#x7ECD;</h2>
<ol>
<li>&#x56FE;&#x50CF; y &#x65B9;&#x5411;&#x6B63;&#x7ACB;&#x6216;&#x5012;&#x7ACB;</li>
</ol>
<p>&#x56FE;&#x50CF;&#x662F;&#x4E8C;&#x7EF4;&#x6570;&#x636E;&#xFF0C;&#x6570;&#x636E;&#x5728;&#x5185;&#x5B58;&#x4E2D;&#x53EA;&#x80FD;&#x4E00;&#x7EF4;&#x5B58;&#x50A8;&#xFF0C;&#x4E8C;&#x7EF4;&#x8F6C;&#x4E00;&#x7EF4;&#x6709;&#x4E0D;&#x540C;&#x7684;&#x5BF9;&#x5E94;&#x65B9;&#x5F0F;&#x3002;&#x6BD4;&#x8F83;&#x5E38;&#x89C1;&#x7684;&#x53EA;&#x6709;&#x4E24;&#x79CD;&#x65B9;&#x5F0F;: &#x6309;&#x50CF;&#x7D20; &#x201C;&#x884C;&#x6392;&#x5217;&#x201D; &#x4ECE;&#x4E0A;&#x5F80;&#x4E0B;&#x6216;&#x8005;&#x4ECE;&#x4E0B;&#x5F80;&#x4E0A;</p>
<div align="center">
  <img src="images/rgb_0.jpg">
</div>

<p>&#x5982;&#x56FE;&#x6240;&#x793A;&#x7684;&#x56FE;&#x50CF;&#x6709; 9 &#x4E2A;&#x50CF;&#x7D20;&#x70B9;&#xFF0C;&#x5982;&#x679C;&#x4ECE;&#x4E0A;&#x5F80;&#x4E0B;&#x6392;&#x5217;&#x6210;&#x4E00;&#x7EF4;&#x6570;&#x636E;&#x662F;( 123456789 )&#xFF0C; &#x5982;&#x679C;&#x662F;&#x4ECE;&#x4E0B;&#x5F80;&#x4E0A;&#x6392;&#x5217;&#x5219;&#x4E3A;( 789456123 )</p>
<p>&#x53EA;&#x6240;&#x4EE5;&#x4F1A;&#x6709;&#x8FD9;&#x79CD;&#x533A;&#x522B;&#x662F;&#x56E0;&#x4E3A;&#xFF0C;&#x524D;&#x4E00;&#x79CD;&#x662F;&#x4EE5;&#x8BA1;&#x7B97;&#x673A;&#x56FE;&#x5F62;&#x5B66;&#x7684;&#x5C4F;&#x5E55;&#x5750;&#x6807;&#x7CFB;&#x4E3A;&#x53C2;&#x8003;( &#x53F3;&#x4E0A;&#x4E3A;&#x539F;&#x70B9;&#xFF0C;y &#x8F74;&#x5411;&#x4E0B; )&#xFF0C;&#x800C;&#x53E6;&#x540E;&#x4E00;&#x79CD;&#x662F;&#x4EE5;&#x6807;&#x51C6;&#x7684;&#x6570;&#x5B66;&#x5750;&#x6807;&#x7CFB;&#x4E3A;&#x53C2;&#x8003;( &#x53F3;&#x4E0B;&#x4E3A;&#x539F;&#x70B9;&#xFF0C;y &#x8F74;&#x5411;&#x4E0A; )&#x3002;&#x8FD9;&#x4E24;&#x4E2A;&#x5750;&#x6807;&#x7CFB;&#x53EA;&#x662F; y &#x503C;&#x4E0D;&#x4E00;&#x6837;&#xFF0C;&#x4E92;&#x76F8;&#x8F6C;&#x6362;&#x7684;&#x516C;&#x5F0F;&#x4E3A;:</p>
<div align="center">
  y2 = height-1-y1
</div>

<p>y1&#x3001;y2 &#x5206;&#x522B;&#x4E3A;&#x50CF;&#x7D20;&#x5728;&#x4E24;&#x4E2A;&#x5750;&#x6807;&#x7CFB;&#x4E2D;&#x7684; y &#x5750;&#x6807;&#xFF0C;height &#x4E3A;&#x56FE;&#x50CF;&#x7684;&#x9AD8;&#x5EA6;</p>
<p>&#x4E0D;&#x8FC7;&#x597D;&#x50CF;&#x53EA;&#x6709; bmp &#x56FE;&#x7247;&#x683C;&#x5F0F;&#x4EE5;&#x53CA; windows &#x4E0B;&#x7684; GDI&#xFF0C;GDI+ &#x662F;&#x4ECE;&#x4E0B;&#x5F80;&#x4E0A;&#x6392;&#x5217;&#xFF0C;&#x5176;&#x5B83;&#x6BD4;&#x5982; DirectX&#x3001;OpenGL&#x3001;Cocoa( NSImage&#x3001;UIImage )&#xFF0C;OpenCV &#x7B49;&#x90FD;&#x662F;&#x4ECE;&#x4E0A;&#x5F80;&#x4E0B;&#x6392;&#x5217;</p>
<ol>
<li>RGB&#x6392;&#x5217;&#x987A;&#x5E8F;</li>
</ol>
<p>&#x4E0D;&#x540C;&#x56FE;&#x5F62;&#x5E93;&#x4E2D;&#x6BCF;&#x4E2A;&#x50CF;&#x7D20;&#x70B9;&#x4E2D;RGBA&#x7684;&#x6392;&#x5E8F;&#x987A;&#x5E8F;&#x53EF;&#x80FD;&#x4E0D;&#x4E00;&#x6837;&#x3002;&#x4E0A;&#x9762;&#x8BF4;&#x8FC7;&#x50CF;&#x7D20;&#x4E00;&#x822C;&#x4F1A;&#x6709;RGB,&#x6216;RGBA&#x56DB;&#x4E2A;&#x5206;&#x91CF;&#xFF0C;&#x90A3;&#x4E48;&#x5728;&#x5185;&#x5B58;&#x4E2D;RGB&#x7684;&#x6392;&#x5217;&#x5C31;&#x6709;6&#x79CD;&#x60C5;&#x51B5;&#xFF0C;&#x5982;&#x4E0B;:</p>
<ul>
<li>RGB</li>
<li>RBG</li>
<li>GRB</li>
<li>GBR</li>
<li>BGR</li>
<li>BRG</li>
</ul>
<p>RGBA&#x7684;&#x6392;&#x5217;&#x6709;24&#x79CD;&#x60C5;&#x51B5;&#xFF0C;&#x8FD9;&#x91CC;&#x5C31;&#x4E0D;&#x5168;&#x90E8;&#x5217;&#x51FA;&#x6765;&#x4E86;<br>
&#x4E0D;&#x8FC7;&#x4E00;&#x822C;&#x53EA;&#x4F1A;&#x6709;RGB,BGR, RGBA, RGBA, BGRA&#x8FD9;&#x51E0;&#x79CD;&#x6392;&#x5217;&#x636E;&#x3002; &#x7EDD;&#x5927;&#x591A;&#x6570;&#x56FE;&#x5F62;&#x5E93;&#x6216;&#x73AF;&#x5883;&#x662F;BGR/BGRA&#x6392;&#x5217;&#xFF0C;cocoa&#x4E2D;&#x7684;NSImage&#x6216;UIImage&#x662F;RGBA&#x6392;&#x5217;</p>
<ol>
<li>&#x50CF;&#x7D20;32&#x4F4D;&#x5BF9;&#x9F50;</li>
</ol>
<p>&#x5982;&#x679C;&#x662F; RGB 24 &#x4F4D;&#x56FE;&#xFF0C;&#x4F1A;&#x5B58;&#x5728;&#x4E00;&#x4E2A; 32 &#x4F4D;&#x5BF9;&#x9F50;&#x7684;&#x95EE;&#x9898;&#xFF1A;</p>
<p>&#x5728; x86 &#x4F53;&#x7CFB;&#x4E0B;&#xFF0C;cpu &#x4E00;&#x6B21;&#x5904;&#x7406; 32 &#x6574;&#x6570;&#x500D;&#x7684;&#x6570;&#x636E;&#x4F1A;&#x66F4;&#x5FEB;&#xFF0C;&#x56FE;&#x50CF;&#x5904;&#x7406;&#x4E2D;&#x7ECF;&#x5E38;&#x4F1A;&#x6309;&#x884C;&#x4E3A;&#x5355;&#x4F4D;&#x6765;&#x5904;&#x7406;&#x50CF;&#x7D20;&#x3002;24 &#x4F4D;&#x56FE;&#xFF0C;&#x5BBD;&#x5EA6;&#x4E0D;&#x662F; 4 &#x7684;&#x500D;&#x6570;&#x65F6;&#xFF0C;&#x5176;&#x884C;&#x5B57;&#x8282;&#x6570;&#x5C06;&#x4E0D;&#x662F; 32 &#x6574;&#x6570;&#x500D;&#x3002;&#x8FD9;&#x65F6;&#x53EF;&#x4EE5;&#x91C7;&#x53D6;&#x5728;&#x884C;&#x5C3E;&#x6DFB;&#x52A0;&#x5197;&#x4F59;&#x6570;&#x636E;&#x7684;&#x65B9;&#x5F0F;&#xFF0C;&#x4F7F;&#x5176;&#x884C;&#x5B57;&#x8282;&#x6570;&#x4E3A; 32 &#x7684;&#x500D;&#x6570;</p>
<p>&#x6BD4;&#x5982;&#xFF0C;&#x5982;&#x679C;&#x56FE;&#x50CF;&#x5BBD;&#x4E3A; 5 &#x50CF;&#x7D20;&#xFF0C;&#x4E0D;&#x505A; 32 &#x4F4D;&#x5BF9;&#x9F50;&#x7684;&#x8BDD;&#xFF0C;&#x5176;&#x884C;&#x4F4D;&#x6570;&#x4E3A; 24 &#xD7; 5 = 120&#xFF0C;120&#x4E0D;&#x662F;32&#x7684;&#x500D;&#x6570;&#x3002;&#x662F; 32 &#x6574;&#x6570;&#x500D;&#x5E76;&#x4E14;&#x521A;&#x597D;&#x6BD4; 120 &#x5927;&#x7684;&#x6570;&#x662F; 128&#xFF0C;&#x4E5F;&#x5C31;&#x53EA;&#x9700;&#x8981;&#x5728;&#x5176;&#x884C;&#x5C3E;&#x6DFB;&#x52A0; 1 &#x5B57;&#x8282;( 8 &#x4F4D; )&#x7684;&#x5197;&#x4F59;&#x6570;&#x636E;&#x5373;&#x53EF;&#x3002;(&#x4E00;&#x4E2A;&#x4EE5;&#x7A7A;&#x95F4;&#x6362;&#x65F6;&#x95F4;&#x7684;&#x4F8B;&#x5B50;)</p>
<p>&#x6709;&#x4E2A;&#x516C;&#x5F0F;&#x53EF;&#x4EE5;&#x8F7B;&#x677E;&#x8BA1;&#x7B97;&#x51FA; 32 &#x4F4D;&#x5BF9;&#x9F50;&#x540E;&#x6BCF;&#x884C;&#x5E94;&#x8BE5;&#x5360;&#x7684;&#x5B57;&#x8282;&#x6570;</p>
<p><divb align="center">
byteNum = ((width &#xD7; 24 + 31) &amp; ~31)&gt;&gt;3
&lt;/div&gt;</divb></p>
<p><br>&#x6CE8;&#x610F;&#x7ED3;&#x679C;&#x662F;&#x5B57;&#x8282;&#x6570;&#xFF0C;&#x5982;&#x679C;&#x60F3;&#x77E5;&#x9053;&#x4F4D;&#x6570;&#xFF0C;&#x8FD8;&#x5F97; x8</p>
<h2 id="&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x7684;&#x5FC5;&#x8981;&#x6027;"><a name="&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x7684;&#x5FC5;&#x8981;&#x6027;" class="plugin-anchor" href="#&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x7684;&#x5FC5;&#x8981;&#x6027;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x7684;&#x5FC5;&#x8981;&#x6027;</h2>
<ul>
<li>&#x5982;&#x679C;&#x5C06;&#x56FE;&#x50CF;&#x539F;&#x59CB;&#x683C;&#x5F0F;&#x76F4;&#x63A5;&#x5B58;&#x50A8;&#x5230;&#x6587;&#x4EF6;&#x4E2D;&#x5C06;&#x4F1A;&#x975E;&#x5E38;&#x5927;&#xFF0C;&#x6BD4;&#x5982;&#x4E00;&#x4E2A; 5000 &#xD7; 5000 24 &#x4F4D;&#x56FE;&#xFF0C;&#x6240;&#x5360;&#x6587;&#x4EF6;&#x5927;&#x5C0F; &#x4E3A;5000 &#xD7; 5000 &#xD7; 3 &#x5B57;&#x8282; = 71.5MB&#xFF0C;&#x5176;&#x5927;&#x5C0F;&#x975E;&#x5E38;&#x53EF;&#x89C2;</li>
<li>&#x5982;&#x679C;&#x7528; zip &#x6216; rar &#x4E4B;&#x7C7B;&#x7684;&#x901A;&#x7528;&#x7B97;&#x6CD5;&#x6765;&#x538B;&#x7F29;&#x50CF;&#x7D20;&#x6570;&#x636E;&#xFF0C;&#x5F97;&#x5230;&#x7684;&#x538B;&#x7F29;&#x6BD4;&#x4F8B;&#x901A;&#x5E38;&#x4E0D;&#x4F1A;&#x592A;&#x9AD8;&#xFF0C;&#x56E0;&#x4E3A;&#x8FD9;&#x4E9B;&#x538B;&#x7F29;&#x7B97;&#x6CD5;&#x6CA1;&#x6709;&#x9488;&#x5BF9;&#x56FE;&#x50CF;&#x6570;&#x636E;&#x7ED3;&#x6784;&#x8FDB;&#x884C;&#x7279;&#x6B8A;&#x5904;&#x7406;</li>
<li>&#x4E8E;&#x662F;&#x5C31;&#x6709;&#x4E86; jpeg&#x3001;png &#x7B49;&#x683C;&#x5F0F;&#xFF0C;&#x540C;&#x6837;&#x662F;&#x56FE;&#x50CF;&#x538B;&#x7F29;&#x7B97;&#x6CD5; jpeg &#x548C; png &#x4E5F;&#x6709;&#x4E0D;&#x540C;&#x7684;&#x9002;&#x7528;&#x573A;&#x666F;</li>
</ul>
<div align="center">
  <img src="images/rgb_1.jpg">
</div>

<blockquote>
<p>&#x6240;&#x4EE5;&#x53EF;&#x4EE5;&#x603B;&#x7ED3;&#x5982;&#x4E0B;: jpeg&#x3001;png &#x6587;&#x4EF6;&#x4E4B;&#x4E8E;&#x56FE;&#x50CF;&#xFF0C;&#x5C31;&#x76F8;&#x5F53;&#x4E8E; zip&#x3001;rar &#x683C;&#x5F0F;&#x4E4B;&#x4E8E;&#x666E;&#x901A;&#x6587;&#x4EF6;(&#x7528; zip&#x3001;rar &#x683C;&#x5F0F;&#x5BF9;&#x666E;&#x901A;&#x6587;&#x4EF6;&#x8FDB;&#x884C;&#x538B;&#x7F29;)</p>
</blockquote>
<h2 id="&#x5E38;&#x89C1;&#x56FE;&#x7247;&#x538B;&#x7F29;&#x683C;&#x5F0F;&#x6BD4;&#x8F83;"><a name="&#x5E38;&#x89C1;&#x56FE;&#x7247;&#x538B;&#x7F29;&#x683C;&#x5F0F;&#x6BD4;&#x8F83;" class="plugin-anchor" href="#&#x5E38;&#x89C1;&#x56FE;&#x7247;&#x538B;&#x7F29;&#x683C;&#x5F0F;&#x6BD4;&#x8F83;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x5E38;&#x89C1;&#x56FE;&#x7247;&#x538B;&#x7F29;&#x683C;&#x5F0F;&#x6BD4;&#x8F83;</h2>
<h3 id="&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x5206;&#x7C7B;"><a name="&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x5206;&#x7C7B;" class="plugin-anchor" href="#&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x5206;&#x7C7B;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x5206;&#x7C7B;</h3>
<ul>
<li>&#x65E0;&#x538B;&#x7F29; - &#x65E0;&#x538B;&#x7F29;&#x7684;&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x4E0D;&#x5BF9;&#x56FE;&#x7247;&#x6570;&#x636E;&#x8FDB;&#x884C;&#x538B;&#x7F29;&#x5904;&#x7406;&#xFF0C;&#x80FD;&#x51C6;&#x786E;&#x5730;&#x5448;&#x73B0;&#x539F;&#x56FE;&#x7247;&#xFF08;&#x4F8B;&#x5982; BMP &#x683C;&#x5F0F;&#xFF09;</li>
<li>&#x65E0;&#x635F;&#x538B;&#x7F29; - &#x538B;&#x7F29;&#x7B97;&#x6CD5;&#x5BF9;&#x56FE;&#x7247;&#x7684;&#x6240;&#x6709;&#x7684;&#x6570;&#x636E;&#x8FDB;&#x884C;&#x7F16;&#x7801;&#x538B;&#x7F29;&#xFF0C;&#x80FD;&#x5728;&#x4FDD;&#x8BC1;&#x56FE;&#x7247;&#x7684;&#x8D28;&#x91CF;&#x7684;&#x540C;&#x65F6;&#x964D;&#x4F4E;&#x56FE;&#x7247;&#x7684;&#x5C3A;&#x5BF8;&#xFF08;&#x4F8B;&#x5982; png &#x683C;&#x5F0F;&#xFF09;</li>
<li>&#x6709;&#x635F;&#x538B;&#x7F29; - &#x538B;&#x7F29;&#x7B97;&#x6CD5;&#x4E0D;&#x4F1A;&#x5BF9;&#x56FE;&#x7247;&#x6240;&#x6709;&#x7684;&#x6570;&#x636E;&#x8FDB;&#x884C;&#x7F16;&#x7801;&#x538B;&#x7F29;&#xFF0C;&#x800C;&#x662F;&#x5728;&#x538B;&#x7F29;&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x53BB;&#x9664;&#x4E86;&#x4EBA;&#x773C;&#x65E0;&#x6CD5;&#x8BC6;&#x522B;&#x7684;&#x56FE;&#x7247;&#x7EC6;&#x8282;&#x3002;&#x56E0;&#x6B64;&#x6709;&#x635F;&#x538B;&#x7F29;&#x53EF;&#x4EE5;&#x5728;&#x540C;&#x7B49;&#x56FE;&#x7247;&#x8D28;&#x91CF;&#x7684;&#x60C5;&#x51B5;&#x4E0B;&#x5927;&#x5E45;&#x964D;&#x4F4E;&#x56FE;&#x7247;&#x7684;&#x5C3A;&#x5BF8;&#xFF08;&#x4F8B;&#x5982; jpg &#x683C;&#x5F0F;&#xFF09;</li>
</ul>
<h3 id="png-&#x683C;&#x5F0F;"><a name="png-&#x683C;&#x5F0F;" class="plugin-anchor" href="#png-&#x683C;&#x5F0F;"><i class="fa fa-link" aria-hidden="true"></i></a>PNG &#x683C;&#x5F0F;</h3>
<ul>
<li>png &#x662F;&#x4E00;&#x79CD;&#x65E0;&#x635F;&#x538B;&#x7F29;&#x683C;&#x5F0F;&#xFF0C; &#x538B;&#x7F29;&#x5927;&#x6982;&#x662F;&#x7528;&#x884C;&#x7A0B;&#x7F16;&#x7801;&#x7B97;&#x6CD5;</li>
<li>png &#x53EF;&#x4EE5;&#x6709;&#x900F;&#x660E;&#x6548;&#x679C;</li>
<li>png &#x6BD4;&#x8F83;&#x9002;&#x5408;&#x9002;&#x91CF;&#x56FE;&#x3001;&#x51E0;&#x4F55;&#x56FE;</li>
</ul>
<p>png &#x53EF;&#x80FD;&#x6709; 24 &#x4F4D;&#x56FE;&#x548C; 32 &#x4F4D;&#x56FE;&#x4E4B;&#x5206;&#x3002;32&#x4F4D;&#x56FE;&#x5C31;&#x662F;&#x5E26;&#x6709;alpha&#x901A;&#x9053;&#x7684;&#x56FE;&#x7247;</p>
<blockquote>
<p>jpeg &#x6BD4;&#x8F83;&#x9002;&#x5408;&#x5B58;&#x50A8;&#x8272;&#x5F69; &#x201C;&#x6742;&#x4E71;&#x201D; &#x7684;&#x62CD;&#x6444;&#x56FE;&#x7247;&#xFF0C;png &#x6BD4;&#x8F83;&#x9002;&#x5408;&#x5B58;&#x50A8;&#x51E0;&#x4F55;&#x7279;&#x5F81;&#x5F3A;&#x7684;&#x56FE;&#x5F62;&#x7C7B;&#x56FE;&#x7247;</p>
</blockquote>
<h3 id="jpeg-&#x683C;&#x5F0F;"><a name="jpeg-&#x683C;&#x5F0F;" class="plugin-anchor" href="#jpeg-&#x683C;&#x5F0F;"><i class="fa fa-link" aria-hidden="true"></i></a>JPEG &#x683C;&#x5F0F;</h3>
<ul>
<li>jpeg &#x662F;&#x6709;&#x635F;&#x538B;&#x7F29;&#x683C;&#x5F0F;&#xFF0C;&#x5C06;&#x50CF;&#x7D20;&#x4FE1;&#x606F;&#x7528; jpeg &#x4FDD;&#x5B58;&#x6210;&#x6587;&#x4EF6;&#x518D;&#x8BFB;&#x53D6;&#x51FA;&#x6765;&#xFF0C;&#x5176;&#x4E2D;&#x67D0;&#x4E9B;&#x50CF;&#x7D20;&#x503C;&#x4F1A;&#x6709;&#x5C11;&#x8BB8;&#x53D8;&#x5316;&#x3002;&#x5728;&#x4FDD;&#x5B58;&#x65F6;&#x6709;&#x4E2A;&#x8D28;&#x91CF;&#x53C2;&#x6570;&#x53EF;&#x5728; [ 0, 100 ] &#x4E4B;&#x95F4;&#x9009;&#x62E9;&#xFF0C;&#x53C2;&#x6570;&#x8D8A;&#x5927;&#x56FE;&#x7247;&#x5C31;&#x8D8A;&#x4FDD;&#x771F;&#xFF0C;&#x4F46;&#x56FE;&#x7247;&#x7684;&#x4F53;&#x79EF;&#x4E5F;&#x5C31;&#x8D8A;&#x5927;&#x3002;&#x4E00;&#x822C;&#x60C5;&#x51B5;&#x4E0B;&#x9009;&#x62E9; 70 &#x6216; 80 &#x5C31;&#x8DB3;&#x591F;&#x4E86;</li>
<li>jpeg &#x6CA1;&#x6709;&#x900F;&#x660E;&#x4FE1;&#x606F;</li>
<li>jpeg &#x6BD4;&#x8F83;&#x9002;&#x5408;&#x7528;&#x6765;&#x5B58;&#x50A8;&#x76F8;&#x673A;&#x62CD;&#x51FA;&#x6765;&#x7684;&#x7167;&#x7247;&#xFF0C;&#x8FD9;&#x7C7B;&#x56FE;&#x50CF;&#x7528; jpeg &#x538B;&#x7F29;&#x540E;&#x7684;&#x4F53;&#x79EF;&#x6BD4;&#x8F83;&#x5C0F;&#x3002;&#x5176;&#x4F7F;&#x7528;&#x7684;&#x5177;&#x4F53;&#x7B97;&#x6CD5;&#x6838;&#x5FC3;&#x662F;&#x79BB;&#x6563;&#x4F59;&#x5F26;&#x53D8;&#x6362;&#x3001;Huffman &#x7F16;&#x7801;&#x3001;&#x7B97;&#x672F;&#x7F16;&#x7801;&#x7B49;&#x6280;&#x672F;</li>
</ul>
<p>jpeg&#x683C;&#x5F0F;&#x652F;&#x6301;&#x4E0D;&#x5B8C;&#x5168;&#x8BFB;&#x53D6;&#x6574;&#x5F20;&#x56FE;&#x7247;&#xFF0C;&#x5373;&#x53EF;&#x4EE5;&#x9009;&#x62E9;&#x8BFB;&#x53D6;&#x539F;&#x56FE;&#x3001;1/2&#x3001;1/4&#x3001;1/8&#x5927;&#x5C0F;&#x7684;&#x56FE;&#x7247;
&#x6BD4;&#x5982;5000<em>5000&#x7684;&#x4E00;&#x5F20;&#x5927;&#x56FE;&#xFF0C;&#x53EF;&#x4EE5;&#x53EA;&#x8BFB;&#x53D6;&#x5C06;&#x5176;&#x7F29;&#x5C0F;&#x6210;1/8&#x540E;&#x5373;625</em>625&#x5927;&#x5C0F;&#x7684;&#x56FE;&#x7247;&#x3002; &#x8FD9;&#x6837;&#x6BD4;&#x5148;&#x5B8C;&#x5168;&#x8BFB;&#x53D6;5000<em>5000&#x7684;&#x56FE;&#x50CF;&#xFF0C;&#x518D;&#x7528;&#x7B97;&#x6CD5;&#x7F29;&#x5C0F;&#x6210;625</em>625&#x5927;&#x5C0F;&#x4E0D;&#x77E5;&#x5FEB;&#x591A;&#x5C11;&#x500D;&#x3002;
&#x5982;&#x679C;&#x5E94;&#x7528;&#x9700;&#x6C42;&#x53EA;&#x9700;&#x8981;&#x4E00;&#x5F20;&#x5C0F;&#x56FE;&#x65F6;&#xFF0C;&#x8FD9;&#x79CD;&#x8BFB;&#x53D6;&#x65B9;&#x5F0F;&#x5C31;&#x53EF;&#x4EE5;&#x5927;&#x663E;&#x8EAB;&#x624B;&#x4E86;</p>
<h3 id="jpg-&#x683C;&#x5F0F;"><a name="jpg-&#x683C;&#x5F0F;" class="plugin-anchor" href="#jpg-&#x683C;&#x5F0F;"><i class="fa fa-link" aria-hidden="true"></i></a>JPG &#x683C;&#x5F0F;</h3>
<ul>
<li>jpg &#x662F;&#x4E00;&#x79CD;&#x6709;&#x635F;&#x7684;&#x57FA;&#x4E8E;&#x76F4;&#x63A5;&#x8272;&#x7684;&#x56FE;&#x7247;&#x683C;&#x5F0F;</li>
<li>jpg &#x7531;&#x4E8E;&#x91C7;&#x7528;&#x76F4;&#x63A5;&#x8272;&#xFF0C;jpg&#x53EF;&#x4F7F;&#x7528;&#x7684;&#x989C;&#x8272;&#x6709; 1600w &#x4E4B;&#x591A;&#xFF08;2^24&#xFF09;&#xFF0C;&#x800C;&#x4EBA;&#x773C;&#x8BC6;&#x522B;&#x7684;&#x989C;&#x8272;&#x6570;&#x91CF;&#x5927;&#x7EA6;&#x53EA;&#x6709; 1w &#x591A;&#x79CD;&#xFF0C;&#x56E0;&#x6B64; jpg &#x975E;&#x5E38;&#x9002;&#x5408;&#x8272;&#x5F69;&#x4E30;&#x5BCC;&#x56FE;&#x7247;&#x3001;&#x6E10;&#x53D8;&#x8272;</li>
<li>jpg &#x6709;&#x635F;&#x538B;&#x7F29;&#x79FB;&#x9664;&#x8089;&#x773C;&#x65E0;&#x6CD5;&#x8BC6;&#x522B;&#x7684;&#x56FE;&#x7247;&#x7EC6;&#x8282;&#x540E;&#xFF0C;&#x53EF;&#x4EE5;&#x5C06;&#x56FE;&#x7247;&#x7684;&#x5C3A;&#x5BF8;&#x5927;&#x5E45;&#x5EA6;&#x5730;&#x51CF;&#x5C0F;</li>
<li>jpg &#x4E0D;&#x9002;&#x5408; icon&#x3001;logo&#xFF0C;&#x56E0;&#x4E3A;&#x76F8;&#x6BD4; gif / png-8&#xFF0C;&#x5B83;&#x5728;&#x6587;&#x4EF6;&#x5927;&#x5C0F;&#x4E0A;&#x4E1D;&#x6BEB;&#x6CA1;&#x6709;&#x4F18;&#x52BF;</li>
</ul>
<h3 id="gif-&#x683C;&#x5F0F;"><a name="gif-&#x683C;&#x5F0F;" class="plugin-anchor" href="#gif-&#x683C;&#x5F0F;"><i class="fa fa-link" aria-hidden="true"></i></a>GIF &#x683C;&#x5F0F;</h3>
<ul>
<li>gif &#x91C7;&#x7528; LZW &#x538B;&#x7F29;&#x7B97;&#x6CD5;&#x8FDB;&#x884C;&#x7F16;&#x7801;&#xFF0C;&#x662F;&#x4E00;&#x79CD;&#x65E0;&#x635F;&#x7684;&#x57FA;&#x4E8E;&#x7D22;&#x5F15;&#x8272;&#x7684;&#x56FE;&#x7247;&#x683C;&#x5F0F;</li>
<li>gif &#x7531;&#x4E8E;&#x91C7;&#x7528;&#x4E86;&#x65E0;&#x635F;&#x538B;&#x7F29;&#xFF0C;&#x76F8;&#x6BD4;&#x53E4;&#x8001;&#x7684;bmp&#x683C;&#x5F0F;&#xFF0C;&#x5C3A;&#x5BF8;&#x8F83;&#x5C0F;&#xFF0C;&#x800C;&#x4E14;&#x652F;&#x6301;&#x900F;&#x660E;&#x548C;&#x52A8;&#x753B;</li>
<li>&#x7F3A;&#x70B9;&#x662F;&#x7531;&#x4E8E; gif &#x53EA;&#x5B58;&#x50A8; 8 &#x4F4D;&#x7D22;&#x5F15;&#xFF08;&#x4E5F;&#x5C31;&#x662F;&#x6700;&#x591A;&#x80FD;&#x8868;&#x8FBE; 2^8=256 &#x79CD;&#x989C;&#x8272;&#xFF09;&#xFF0C;&#x8272;&#x5F69;&#x590D;&#x6742;&#x3001;&#x7EC6;&#x8282;&#x4E30;&#x5BCC;&#x7684;&#x56FE;&#x7247;&#x4E0D;&#x9002;&#x5408;&#x4FDD;&#x5B58;&#x4E3A; gif &#x683C;&#x5F0F;&#xFF0C;&#x8272;&#x5F69;&#x7B80;&#x5355;&#x7684; logo&#x3001;icon&#x3001;&#x7EBF;&#x6846;&#x56FE;&#x9002;&#x5408;&#x91C7;&#x7528; gif &#x683C;&#x5F0F;</li>
</ul>
<h3 id="webg-&#x683C;&#x5F0F;"><a name="webg-&#x683C;&#x5F0F;" class="plugin-anchor" href="#webg-&#x683C;&#x5F0F;"><i class="fa fa-link" aria-hidden="true"></i></a>WEBG &#x683C;&#x5F0F;</h3>
<ul>
<li>WebP &#x56FE;&#x7247;&#x662F;&#x4E00;&#x79CD;&#x65B0;&#x7684;&#x56FE;&#x50CF;&#x683C;&#x5F0F;&#xFF0C;&#x7531; Google &#x5F00;&#x53D1;</li>
<li>webp &#x4E0E; png&#x3001;jpg &#x76F8;&#x6BD4;&#xFF0C;&#x76F8;&#x540C;&#x7684;&#x89C6;&#x89C9;&#x4F53;&#x9A8C;&#x4E0B;&#xFF0C;WebP &#x56FE;&#x50CF;&#x7684;&#x5C3A;&#x5BF8;&#x7F29;&#x5C0F;&#x4E86;&#x5927;&#x7EA6; 30&#xFF05;</li>
<li>WebP &#x56FE;&#x50CF;&#x683C;&#x5F0F;&#x8FD8;&#x652F;&#x6301;&#x6709;&#x635F;&#x538B;&#x7F29;&#x3001;&#x65E0;&#x635F;&#x538B;&#x7F29;&#x3001;&#x900F;&#x660E;&#x548C;&#x52A8;&#x753B;&#xFF0C;&#x7406;&#x8BBA;&#x4E0A;&#x5B8C;&#x5168;&#x53EF;&#x4EE5;&#x66FF;&#x4EE3; png&#x3001;jpg&#x3001;gif &#x7B49;&#x56FE;&#x7247;&#x683C;&#x5F0F;&#xFF0C;&#x5F53;&#x7136;&#x76EE;&#x524D; webp &#x7684;&#x8FD8;&#x6CA1;&#x6709;&#x5F97;&#x5230;&#x5168;&#x9762;&#x7684;&#x652F;&#x6301;</li>
</ul>
<h3 id="bmp-&#x683C;&#x5F0F;"><a name="bmp-&#x683C;&#x5F0F;" class="plugin-anchor" href="#bmp-&#x683C;&#x5F0F;"><i class="fa fa-link" aria-hidden="true"></i></a>BMP &#x683C;&#x5F0F;</h3>
<ul>
<li>bmp &#x683C;&#x5F0F;&#x6CA1;&#x6709;&#x538B;&#x7F29;&#x50CF;&#x7D20;&#x683C;&#x5F0F;&#xFF0C;&#x5B58;&#x50A8;&#x5728;&#x6587;&#x4EF6;&#x4E2D;&#x65F6;&#x5148;&#x6709;&#x6587;&#x4EF6;&#x5934;&#x3001;&#x518D;&#x56FE;&#x50CF;&#x5934;&#x3001;&#x540E;&#x9762;&#x5C31;&#x90FD;&#x662F;&#x50CF;&#x7D20;&#x6570;&#x636E;&#x4E86;&#xFF0C;&#x4E0A;&#x4E0B;&#x98A0;&#x5012;&#x5B58;&#x50A8;</li>
<li>&#x7528; windows &#x81EA;&#x5E26;&#x7684; mspaint &#x5DE5;&#x5177;&#x4FDD;&#x5B58; bmp &#x683C;&#x5F0F;&#x65F6;&#xFF0C;&#x53EF;&#x4EE5;&#x53D1;&#x73B0;&#x6709;&#x56DB;&#x79CD; bmp &#x53EF;&#x4F9B;&#x9009;&#x62E9;&#xFF1A;<ul>
<li>&#x5355;&#x8272;: &#x4E00;&#x4E2A;&#x50CF;&#x7D20;&#x53EA;&#x5360;&#x4E00;&#x4F4D;&#xFF0C;&#x8981;&#x4E48;&#x662F; 0&#xFF0C;&#x8981;&#x4E48;&#x662F; 1&#xFF0C;&#x6240;&#x4EE5;&#x53EA;&#x80FD;&#x5B58;&#x50A8;&#x9ED1;&#x767D;&#x4FE1;&#x606F;</li>
<li>16 &#x8272;&#x4F4D;&#x56FE;: &#x4E00;&#x4E2A;&#x50CF;&#x7D20; 4 &#x4F4D;&#xFF0C;&#x6709; 16 &#x79CD;&#x989C;&#x8272;&#x53EF;&#x9009;</li>
<li>256 &#x8272;&#x4F4D;&#x56FE;: &#x4E00;&#x4E2A;&#x50CF;&#x7D20; 8 &#x4F4D;&#xFF0C;&#x6709; 256 &#x79CD;&#x989C;&#x8272;&#x53EF;&#x9009;</li>
<li>24 &#x4F4D;&#x4F4D;&#x56FE;: &#x5C31;&#x662F;&#x56FE;( 1 )&#x6240;&#x793A;&#x7684;&#x4F4D;&#x56FE;&#xFF0C;&#x989C;&#x8272;&#x53EF;&#x6709; 2^24 &#x79CD;&#x53EF;&#x9009;&#xFF0C;&#x5BF9;&#x4E8E;&#x4EBA;&#x773C;&#x6765;&#x8BF4;&#x5B8C;&#x5168;&#x8DB3;&#x591F;&#x4E86;</li>
</ul>
</li>
</ul>
<table>
<thead>
<tr>
<th>&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x3000;</th>
<th>&#x4F18;&#x70B9;&#x3000;</th>
<th>&#x7F3A;&#x70B9;</th>
<th>&#x9002;&#x5E94;&#x573A;&#x666F; </th>
</tr>
</thead>
<tbody>
<tr>
<td>GIF</td>
<td>&#x6587;&#x4EF6;&#x5C0F;&#xFF0C;&#x652F;&#x6301;&#x52A8;&#x753B;&#x3001;&#x900F;&#x660E;&#xFF0C;&#x65E0;&#x517C;&#x5BB9;&#x6027;&#x95EE;&#x9898;</td>
<td>&#x53EA;&#x652F;&#x6301;256&#x79CD;&#x989C;&#x8272;</td>
<td>&#x8272;&#x5F69;&#x7B80;&#x5355;&#x7684;logo&#x3001;icon&#x3001;&#x52A8;&#x56FE;</td>
</tr>
<tr>
<td>JPG</td>
<td>&#x8272;&#x5F69;&#x4E30;&#x5BCC;&#xFF0C;&#x6587;&#x4EF6;&#x5C0F;</td>
<td>&#x6709;&#x635F;&#x538B;&#x7F29;&#xFF0C;&#x53CD;&#x590D;&#x4FDD;&#x5B58;&#x56FE;&#x7247;&#x8D28;&#x91CF;&#x4E0B;&#x964D;&#x660E;&#x663E;</td>
<td>&#x8272;&#x5F69;&#x4E30;&#x5BCC;&#x7684;&#x56FE;&#x7247;/&#x6E10;&#x53D8;&#x56FE;&#x50CF;</td>
</tr>
<tr>
<td>PNG</td>
<td>&#x65E0;&#x635F;&#x538B;&#x7F29;&#xFF0C;&#x652F;&#x6301;&#x900F;&#x660E;&#xFF0C;&#x7B80;&#x5355;&#x56FE;&#x7247;&#x5C3A;&#x5BF8;&#x5C0F;</td>
<td>&#x4E0D;&#x652F;&#x6301;&#x52A8;&#x753B;&#xFF0C;&#x8272;&#x5F69;&#x4E30;&#x5BCC;&#x7684;&#x56FE;&#x7247;&#x5C3A;&#x5BF8;&#x5927;</td>
<td>logo/icon/&#x900F;&#x660E;&#x56FE;</td>
</tr>
<tr>
<td>WEBG</td>
<td>&#x6587;&#x4EF6;&#x5C0F;&#xFF0C;&#x652F;&#x6301;&#x6709;&#x635F;&#x548C;&#x65E0;&#x635F;&#x538B;&#x7F29;&#xFF0C;&#x652F;&#x6301;&#x52A8;&#x753B;&#x3001;&#x900F;&#x660E;</td>
<td>&#x6D4F;&#x89C8;&#x5668;&#x517C;&#x5BB9;&#x6027;&#x4E0D;&#x597D;</td>
<td>&#x652F;&#x6301;webp&#x683C;&#x5F0F;&#x7684;app&#x548C;webview</td>
</tr>
</tbody>
</table>
<div align="center">
  <img src="images/&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x9009;&#x62E9;.jpg"><br>Google&#x3000;&#x5173;&#x4E8E;&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x7684;&#x9009;&#x62E9;&#x6307;&#x5357;
</div>


<h2 id="&#x53C2;&#x8003;&#x94FE;&#x63A5;"><a name="&#x53C2;&#x8003;&#x94FE;&#x63A5;" class="plugin-anchor" href="#&#x53C2;&#x8003;&#x94FE;&#x63A5;"><i class="fa fa-link" aria-hidden="true"></i></a>&#x53C2;&#x8003;&#x94FE;&#x63A5;</h2>
<p><a href="https://www.cnblogs.com/xiangism/p/5311314.html" target="_blank">&#x5E38;&#x89C1;&#x56FE;&#x7247;&#x683C;&#x5F0F;&#x8BE6;&#x89E3;</a>
<a href="https://juejin.im/post/5b32ea55e51d4558bf7c45e0" target="_blank">&#x804A;&#x4E00;&#x804A;&#x51E0;&#x79CD;&#x5E38;&#x7528;web&#x56FE;&#x7247;&#x683C;&#x5F0F;&#xFF1A;gif&#x3001;jpg&#x3001;png&#x3001;webp</a></p>
<footer class="page-footer-ex"> <span class="page-footer-ex-copyright"> <a href="https://github.com/Xiechengqi" target="_blank">Xiechengqi</a> </span> &#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0;&#xA0; <span class="page-footer-ex-footer-update"> <strong>&#x6700;&#x65B0;&#x4FEE;&#x8BA2;&#x65F6;&#x95F4;&#xFF1A;</strong> 2020-01-04 15:54:38 </span> </footer>
<script>console.log("plugin-popup....");document.onclick = function(e){ e.target.tagName === "IMG" && window.open(e.target.src,e.target.src)}</script><style>img{cursor:pointer}</style>
                                
                                </section>
                            
    </div>
    <div class="search-results">
        <div class="has-results">
            
            <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
            <ul class="search-results-list"></ul>
            
        </div>
        <div class="no-results">
            
            <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
            
        </div>
    </div>
</div>

                        </div>
                    </div>
                
            </div>

            
                
                <a href="华为国产手机芯片SoC.html" class="navigation navigation-prev " aria-label="Previous page: 华为国产手机芯片SoC">
                    <i class="fa fa-angle-left"></i>
                </a>
                
                
                <a href="计算机小知识.html" class="navigation navigation-next " aria-label="Next page: 记录一些计算机的小知识">
                    <i class="fa fa-angle-right"></i>
                </a>
                
            
        
    </div>

    <script>
        var gitbook = gitbook || [];
        gitbook.push(function() {
            gitbook.page.hasChanged({"page":{"title":"图片格式详解及其对比","level":"1.15.6","depth":2,"next":{"title":"记录一些计算机的小知识","level":"1.15.7","depth":2,"path":"NoClass/计算机小知识.md","ref":"NoClass/计算机小知识.md","articles":[]},"previous":{"title":"华为国产手机芯片SoC","level":"1.15.5","depth":2,"path":"NoClass/华为国产手机芯片SoC.md","ref":"NoClass/华为国产手机芯片SoC.md","articles":[]},"dir":"ltr"},"config":{"plugins":["-lunr","-search","-livereload","-sharing","expandable-chapters","popup","pageview-count","code","back-to-top-button","hide-element","github-buttons","github","splitter","search-pro","anchors","page-footer-ex","advanced-emoji","sharing-plus"],"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"pluginsConfig":{"github":{"url":"https://github.com/Xiechengqi/LearningNotes"},"page-footer-ex":{"copyright":"[Xiechengqi](https://github.com/Xiechengqi)","markdown":true,"update_format":"YYYY-MM-DD HH:mm:ss","update_label":"<strong>最新修订时间：</strong>"},"splitter":{},"search-pro":{},"sharing-plus":{"qq":false,"all":["facebook","google","twitter","instapaper","linkedin","pocket","stumbleupon"],"douban":false,"facebook":true,"weibo":false,"instapaper":false,"whatsapp":false,"hatenaBookmark":false,"twitter":true,"messenger":false,"line":false,"vk":false,"pocket":true,"google":false,"viber":false,"stumbleupon":false,"qzone":false,"linkedin":false},"popup":{},"code":{"copyButtons":true},"hide-element":{"elements":[".gitbook-link"]},"fontsettings":{"theme":"white","family":"sans","size":2},"highlight":{},"back-to-top-button":{},"pageview-count":{},"github-buttons":{"buttons":[{"user":"Xiechengqi","repo":"LearningNotes","type":"star","size":"small","count":true}]},"advanced-emoji":{"embedEmojis":false},"sharing":{"qq":false,"douban":false,"facebook":false,"weibo":false,"instapaper":false,"whatsapp":false,"hatenaBookmark":false,"twitter":false,"messenger":false,"line":false,"vk":false,"pocket":false,"google":false,"viber":false,"stumbleupon":false,"qzone":false,"linkedin":false},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false},"anchors":{},"expandable-chapters":{}},"theme":"default","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{},"title":"日常学习笔记","language":"zh-hans","gitbook":"*","description":"日常学习笔记"},"file":{"path":"NoClass/图片格式详解及其对比.md","mtime":"2020-01-04T07:54:38.972Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2020-03-28T02:57:41.582Z"},"basePath":"..","book":{"language":""}});
        });
    </script>
</div>

        
    <script src="../gitbook/gitbook.js"></script>
    <script src="../gitbook/theme.js"></script>
    
        
        <script src="../gitbook/gitbook-plugin-expandable-chapters/expandable-chapters.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-pageview-count/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-code/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-back-to-top-button/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-hide-element/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-github-buttons/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-github/plugin.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-splitter/splitter.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-search-pro/jquery.mark.min.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-search-pro/search.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-sharing-plus/buttons.js"></script>
        
    
        
        <script src="../gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
        
    

    </body>
</html>

